{include file="public/header"}

<body>

  <section id="container" class="">
    <!--header start-->
    {include file="public/headtop" /}
    <!--header end-->
    <!--sidebar start-->
    <aside>
      <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        {include file="public/menu" /}
        <!-- sidebar menu end-->
      </div>
    </aside>
    <!--sidebar end-->
    <!--main content start-->
    <section id="main-content">
      <section class="wrapper site-min-height">
        <!-- page start-->


        <div class="row">
          <div class="col-lg-8">
            <section class="panel">
              <header class="panel-heading">
                主机信息修改
              </header>
              <div class="panel-body">
                <form class="form-horizontal" role="form" method="post" action="">
                  <input type="hidden" value="{$hostInfo.id}" name="id">

                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">主机ID</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="id" id="id" value="{$hostInfo.id}"
                          placeholder="主机ID" disabled="">
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">主机名</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="name" id="name" value="{$hostInfo.name}"
                          placeholder="主机名">
                        <span class="help-block">简明扼要即可</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">服务器IP</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="ip" id="ip" value="{$hostInfo.ip}"
                          placeholder="服务器IP">
                        <span class="help-block">服务器绑定外网IP，多IP可用,分隔</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">费用/月</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="money" id="money" value="{$hostInfo.money}"
                          placeholder="费用/月">
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">服务器到期时间</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="expiretime" id="expiretime"
                          value="{$hostInfo.expiretime}" placeholder="2020-12-10">
                        <span class="help-block">记录服务器到期时间，防止过期导致的一些严重问题</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">宝塔地址</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="bturl" id="bturl" value="{$hostInfo.bturl}"
                          placeholder="宝塔地址">
                        <span class="help-block">宝塔面板全地址，如http://127.0.0.1:8888</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">宝塔Api密钥</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="btoken" id="btoken" value="{$hostInfo.btoken}"
                          placeholder="宝塔Api密钥">
                        <span class="help-block">宝塔API接口密钥</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">测试域名</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="domain" id="domain" value="{$hostInfo.domain}"
                          placeholder="测试域名">
                        <span
                          class="help-block">主机预留域名，此处填写一个顶级域名，之后<code>泛解析</code>到当前服务器上，当然也可以使用cdn解析，用户canme到分配的测试域名后能使用到免费的cdn服务。如果不填写则不提供测试域名服务，用户将只能解析到服务器IP地址</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">数据库管理地址</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" class="form-control" name="sqlurl" id="sqlurl" value="{$hostInfo.sqlurl}"
                          placeholder="数据库管理地址">
                        <span class="help-block">由于宝塔phpMyadmin地址加密，请访问后复制到此，如不填写，则不提供Web端MySQL管理工具</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">服务器区域</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <i class="fa fa-bullhorn"></i>
                        <input type="text" name="local" id="local" class="form-control" value="{$hostInfo.local}"
                          placeholder="服务器区域(广东,北京,俄罗斯……)">
                        <span class="help-block">服务器所在地区，用于更精准的购买需求</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">性能标签</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <input name="tag" id="tag" class="tagsinput" value="{$hostInfo.tag}">
                        <span class="help-block">性能配置标签：主要描述该主机性能以及带宽等特点</span>
                      </div>
                    </div>
                  </div>
                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">环境标签</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <input name="service" id="service" class="tagsinput" value="{$hostInfo.service}">
                        <span class="help-block">环境配置标签：主要描述该主机配置环境以及支持程序</span>
                      </div>
                    </div>
                  </div>

                  <div class="form-group">
                    <label class="col-lg-2 col-sm-2 control-label">状态</label>
                    <div class="col-lg-10">
                      <div class="iconic-input">
                        <div class="switch switch-square" data-on-label="启用" data-off-label="禁用">
                          <input type="checkbox" {$hostInfo.status?'checked=""':''} name="status" value="1"/>
                      </div>
                    </div>
                  </div>
                </div>
                <button type="submit" class="btn btn-danger">修改</button>
                <a href="/admin/host.html" class="btn btn-info">返回列表</a>
              </form>

            </div>
          </section>
        </div>

      </div>

      <!-- page end-->
    </section>
  </section>
  <!--main content end-->
  <!-- Right Slidebar start -->
  {include file="public/slidright"}
  <!-- Right Slidebar end -->
  <!--footer start-->
  <footer class="site-footer">
    {include file="public/footer"}
  </footer>
  <!--footer end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="__STATIC__/js/jquery.js"></script>
<script src="__STATIC__/js/bootstrap.min.js"></script>
<script src="__STATIC__/js/jquery.scrollTo.min.js"></script>
<script src="__STATIC__/js/jquery.nicescroll.js" type="text/javascript"></script>

<script src="__STATIC__/js/jquery-ui-1.9.2.custom.min.js"></script>
<script class="include" type="text/javascript" src="__STATIC__/js/jquery.dcjqaccordion.2.7.js"></script>

<!--custom switch-->
<script src="__STATIC__/js/bootstrap-switch.js"></script>
<!--custom tagsinput-->
<script src="__STATIC__/js/jquery.tagsinput.js"></script>
<!--custom checkbox & radio-->
<script type="text/javascript" src="__STATIC__/js/ga.js"></script>

<script type="text/javascript" src="__STATIC__/assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="__STATIC__/assets/bootstrap-daterangepicker/date.js"></script>
<script type="text/javascript" src="__STATIC__/assets/bootstrap-daterangepicker/daterangepicker.js"></script>
<script type="text/javascript" src="__STATIC__/assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
<script type="text/javascript" src="__STATIC__/assets/ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="__STATIC__/assets/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
<script src="__STATIC__/js/respond.min.js" ></script>

<!--right slidebar-->
<script src="__STATIC__/js/slidebars.min.js"></script>


<!--common script for all pages-->
<script src="__STATIC__/js/common-scripts.js"></script>

<!--script for this page-->
<script src="__STATIC__/js/form-component.js"></script>

</body>
</html>